// state修改的异步性

import React, { Component } from 'react'

export default class App extends Component {
  state = {
    num: 1
  }
  add = () => {
    //sst快捷方式
    //需要获取到修改后的值
    //this.setState({修改state的对象结构}，()=>{回调函数，获取修改后的结果})
    //默认情况下 state修改状态是异步的[不阻塞，提高渲染效率]，可以通过回调函数获取到修改后的状态
    this.setState({ num: this.state.num + 8 },()=>{
      console.log(this.state.num);
    })
    //此处num为？？
    console.log(this.state.num);
  }
  render() {
    return (
      <div>
        <button onClick={this.add}>{this.state.num}</button>
      </div>
    )
  }
}
